<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>新增保单</title>
    <%@include file="../common.jsp" %>
    <script type="text/javascript" src="/static/js/views/orderBill/orderBill1.js"></script>
    <script type="text/javascript" src="/static/js/views/clientAdd.js"></script>
</head>
<body>


    <%--投保人--%>
    <div id="all_panel" class="easyui-panel" data-options="fit:'true'">
        <form id="all_form" method="post">
            <input type="hidden" name="orderBillId" value="${obId}">
            <%--基本信息--%>
            <div  class="easyui-panel" data-options="title:'基本信息',collapsible:true">
                <div>
                    <table style="width: 100%">
                        <tr>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0a628f">投保单号: ${insureBillNumber}</span>
                                <input type="hidden" value="${insureBillNumber}" name="insureBillNumber"/>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div id="ob_panel" class="easyui-panel" data-options="title:'投保人信息',collapsible:true">
            <big>
                <div>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="realname" class="easyui-textbox" required="required">
                        <input type="radio" name="clienttype" value="0" checked="checked">
                        <label>个人</label>
                        <input type="radio" name="clienttype" value="1">
                        <label>法人</label>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;
                        <font color="red">*</font>反洗钱客户风险等级:&nbsp;&nbsp;
                        <select class="easyui-combobox" name="clientlevel" style="width:140px;">
                            <option value="1">高级</option>
                            <option value="0">中等</option>
                            <option value="-1">普通</option>
                        </select>
                    </p>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>证件类型:&nbsp;&nbsp;&nbsp;
                        <input name="idcardtype" class="easyui-textbox" required="required">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>证件号码:&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;
                        <input name="idcardnumber" class="easyui-textbox" required="required">
                    </p>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        通讯地址：&nbsp;&nbsp;
                        <input name="address" class="easyui-textbox" data-options="width:400">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        电话：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="phonenumber" class="easyui-textbox">
                    </p>
                </div>
                <div align="right">
                    <input id="equalRecId" type="checkbox" name="equalRecognizee" onclick="eqr()">&nbsp;&nbsp;同被保人
                    <input id="equalOwnerId" type="checkbox" name="equalOwner" onclick="eqo()">&nbsp;&nbsp;同车主&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="easyui-linkbutton" data-options="text:'查询客户',width:100" onclick="queryclient1()"></a>
                    <a class="easyui-linkbutton" data-options="text:'客户确认',width:100" onclick="clientA()"></a>
                    <%--<a onclick="reload()" class="easyui-linkbutton" data-options="text:'客户重置',width:100"></a>--%>
                </div>
            </big>
        <%--</form>--%>
    </div>

    <%--被保人--%>
    <div id="ob_recognizee">
    <div class="easyui-panel" data-options="title:'被保人',collapsible:true" >
        <%--<form id="Recognizee_form" method="post">--%>
            <big>
                <div>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="recrealname" class="easyui-textbox">
                        <input type="radio" name="recclienttype" value="0" checked="checked">
                        <label>个人</label>
                        <input type="radio" name="recclienttype" value="1">
                        <label>法人</label>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;
                        <font color="red">*</font>反洗钱客户风险等级:&nbsp;&nbsp;
                        <select class="easyui-combobox" name="recclientlevel" style="width:140px;">
                            <option value="1">高级</option>
                            <option value="0">中等</option>
                            <option value="-1">普通</option>
                        </select>
                    </p>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>证件类型:&nbsp;&nbsp;&nbsp;
                        <input name="recidcardtype" class="easyui-textbox">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>证件号码:&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;
                        <input name="recidcardnumber" class="easyui-textbox">
                    </p>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        通讯地址：&nbsp;&nbsp;
                        <input name="recaddress" class="easyui-textbox" data-options="width:400">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        电话：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="recphonenumber" class="easyui-textbox">
                    </p>
                </div>
                <div align="right">
                    <a class="easyui-linkbutton" data-options="text:'查询客户',width:100"></a>
                    <a class="easyui-linkbutton" data-options="text:'客户确认',width:100"></a>
                    <%--<a onclick="reload()" class="easyui-linkbutton" data-options="text:'客户重置',width:100"></a>--%>
                </div>
            </big>
    </div>
    </div>


    <%--车主信息--%>
    <div id="ob_Owner" >
    <div class="easyui-panel" data-options="title:'车主信息',collapsible:true" >
            <big>
                <div>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="ownrealname" class="easyui-textbox">
                        <input type="radio" name="ownclienttype" value="0" checked="checked">
                        <label>个人</label>
                        <input type="radio" name="ownclienttype" value="1">
                        <label>法人</label>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;
                        <font color="red">*</font>反洗钱客户风险等级:&nbsp;&nbsp;
                        <select class="easyui-combobox" name="ownclientlevel" style="width:140px;">
                            <option value="1">高级</option>
                            <option value="0">中等</option>
                            <option value="-1">普通</option>
                        </select>
                    </p>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>证件类型:&nbsp;&nbsp;&nbsp;
                        <input name="ownidcardtype" class="easyui-textbox">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;
                        <font color="red">*</font>证件号码:&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;
                        <input name="ownidcardnumber" class="easyui-textbox">
                    </p>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        通讯地址：&nbsp;&nbsp;
                        <input name="ownaddress" class="easyui-textbox" data-options="width:400">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        电话：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="ownphonenumber" class="easyui-textbox">
                    </p>
                </div>
                <div align="right">
                    <a class="easyui-linkbutton" data-options="text:'查询客户',width:100"></a>
                    <a class="easyui-linkbutton" data-options="text:'客户确认',width:100"></a>
                    <%--<a onclick="reload()" class="easyui-linkbutton" data-options="text:'客户重置',width:100"></a>--%>
                </div>
            </big>
    </div>
    </div>

    <%--时间信息--%>
    <div class="easyui-panel" data-options="title:'时间信息'">
        <div id="time_panel">
            <table style="width: 100%">
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="inputTime" class="easyui-datebox"
                               data-options="label:'申请日期:',labelPosition:'before',labelWidth:110,width:290">
                    </td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="beginDate" class="easyui-datebox"
                               data-options="label:'保险起止期:',labelPosition:'before',labelWidth:110 ,width:290"/>
                        ~&nbsp;&nbsp;&nbsp;
                        <input name="endDate" class="easyui-datebox" data-options="width:180"/>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                </tr>
            </table>
        </div>
    </div>

    <%--车辆信息--%>
<div id="car_panel" class="easyui-panel" data-options="title:'车辆信息',collapsible:true">

        <table style="width: 100%">
            <tr>
                <td>
                    <font color="red">*</font>是否上牌:
                    <input type="radio" name="carPlate" value="1" checked="checked">
                    <label>是</label>
                    <input type="radio" name="carPlate" value="0">
                    <label>否</label>
                </td>
                <td>
                    <font color="red">*</font>是否新车:
                    <input type="radio" name="newCar" value="1" checked="checked">
                    <label>是</label>
                    <input type="radio" name="newCar" value="0">
                    <label>否</label>
                </td>
            </tr>
            <tr>
                <td>
                    <font color="red">*</font>是否外地车:
                    <input type="radio" name="foreginCar" value="1" checked="checked">
                    <label>是</label>
                    <input type="radio" name="foreginCar" value="0">
                    <label>否</label>
                </td>
                <td>
                    <font color="red">*</font>车辆过户:
                    <input type="radio" name="transferCar" value="1" checked="checked">
                    <label>是</label>
                    <input type="radio" name="transferCar" value="0">
                    <label>否</label>
                </td>
            </tr>
            <tr>
                <%--二级联动--%>
                <td colspan="3">

                    <select id="clientCarSelect" class="easyui-combobox"
                            data-options="label:'品牌车型:',labelPosition:'before',prompt:'请选择', width:300,
             valueField:'id',textField:'name', url:'/carModel/selectParent'"/>
                    <input id="carModelSelect" name="carModelId" class="easyui-combobox"
                           data-options="prompt:'请选择', width:200,
                 valueField:'id',textField:'name' "/>
                </td>
            </tr>
            <tr>
                <td>
                    <select class="easyui-combobox" name="plateType" data-options="label:'号牌种类:',labelPosition:'before', labelWidth:110 , width:350">
                        <option value="1">蓝牌白字</option>
                        <option value="2">黄牌黑字</option>
                        <option value="3">黑牌白字</option>
                        <option value="4">白牌</option>
                        <option value="5">警车</option>
                        <option value="6">其它</option>
                    </select>
                </td>
                <td><input name="carNumber" value="${carNumber}" class="easyui-textbox" data-options="label:'车牌号:',labelPosition:'before', labelWidth:110 , width:350"></td>
                <td><input name="VIN" class="easyui-textbox" data-options="label:'车架号:',labelPosition:'before', labelWidth:110 , width:350"></td>
            </tr>
            <tr>
                <td><input name="engineNum" class="easyui-textbox" data-options="label:'发动机号:',labelPosition:'before', labelWidth:110 , width:350"></td>
                <td><input name="fristLoginDate" class="easyui-datebox" data-options="label:'初登日期:',labelPosition:'before',labelWidth:110, width:350"></td>
                <td><input name="carPrice" class="easyui-textbox" data-options="label:'新车购置价:',labelPosition:'before', labelWidth:110, width:350 "></td>
            </tr>
            <tr>
                <td>
                    <select class="easyui-combobox" name="useNature" data-options="label:'使用性质:',labelPosition:'before', labelWidth:110 , width:350">
                        <option value="1">营利</option>
                        <option value="0">非营利</option>
                    </select>
                </td>
                <td>
                    <select class="easyui-combobox" name="carType" data-options="label:'车辆类型:',labelPosition:'before', labelWidth:110 , width:350">
                        <option value="1">A1:大型客车</option>
                        <option value="2">A2:牵引车</option>
                        <option value="3">A3:城市公交车</option>
                        <option value="4">B1:中型客车</option>
                        <option value="5">B2：大型货车</option>
                        <option value="6">C1：小型汽车</option>
                        <option value="7">C2：小型自动挡汽车</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><input name="drivingArea" class="easyui-textbox" data-options="label:'行驶区域:',labelPosition:'before', labelWidth:110 , width:350"></td>
                <td><input name="seatNum"  class="easyui-textbox" data-options="label:'座位数(位):',labelPosition:'before', labelWidth:110 , width:350"></td>
                <td>
                    <select class="easyui-combobox" name="importCar" data-options="label:'国产/进口:',labelPosition:'before', labelWidth:110 , width:350">
                        <option value="1">国产</option>
                        <option value="0">进口</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><input name="maxLoad" class="easyui-textbox" data-options="label:'核定载质量(kg):',labelPosition:'before', labelWidth:130 , width:350"></td>
                <td><input name="power"  class="easyui-textbox" data-options="label:'功率(kw):',labelPosition:'before', labelWidth:110 , width:350"></td>
                <td><input name="exhaust" class="easyui-textbox" data-options="label:'排气量(L):',labelPosition:'before', labelWidth:110 , width:350"></td>
            </tr>
        </table>
    </div>
        <%--保费计算--%>
        <div id="premium_panel" class="easyui-panel" data-options="title:'保单信息',collapsible:true">
            <div>
                <input id="premium_btn" type="button" value="保费计算">
            </div>
            <fieldset>
                <legend>产品:</legend>
                <input id="productName" class="easyui-textbox" data-options="label:'产品:',labelPosition:'before'"
                       style="width:300px">
            </fieldset>
            <fieldset>
                <legend id="lengend1">交强险信息:</legend>
                <div style="margin-top: 5px">
                    <input id="insurancePrice" class="easyui-textbox"
                           data-options="label:'保额:',labelPosition:'before'" style="width:300px">
                </div>
                <div style="margin-top: 5px">
                    <input class="easyui-textbox" id="premium" data-options="label:'保费:',labelPosition:'before'" style="width:300px">
                </div>
                <div style="margin-top: 5px">
                    <input id="ratePayment" class="easyui-textbox" data-options="label:'车船税:',labelPosition:'before'"
                           style="width:300px">
                </div>
            </fieldset>
            <fieldset>
                <legend>总计:</legend>
                <input id="totalMoney"  name="totalMoney" class="easyui-textbox" data-options="label:'总计:',labelPosition:'before'" style="width:300px">
            </fieldset>
    </div>
    <div id="ob_panel_bt">
        <div align="right">
            <a onclick="save()" class="easyui-linkbutton" data-options="width:200" style="background-color: #0ca3d2" >提交</a>
        </div>
    </div>
    </form>
</div>


<div id="ob_dialog">
    <!-- 数据表格 -->
    <table id="client_datagrid">
        <div id="clientAdd_bt">
            <a class="easyui-linkbutton" iconCls="icon-save" plain=true onclick="affirm()">确定</a>
        </div>
    </table>
</div>


</body>
</html>
